<template>
<div>
<mytree
    :treeList="treeList"
    :opreateId="roleId"
    @deletefn="delTree"
    @edietFn="updateTree"
    @addFn="addTree"
    @getId="getTreeId">
</mytree>
<!-- <Mydialog></Mydialog> -->
</div>

</template>
<script>
  import mytree from './mytree';
  import Mydialog from './Mydialog.vue';
  export default {
    components: { mytree,Mydialog},
    data() {
      return {
        roleId:2,
		dialogVisible: false,
        treeList: [{
		        "id": 1,
		        "text": "管理部门",
		        "state": "closed",
		        "attributes": {
		            "fatherId": 0
		        },
		        "children": [
		            {
		                "id": 2,
		                "text": "技术部",
		                "attributes": {
		                    "fatherId": 1
		                },
		                "state": "closed"
		            },
		            {
		                "id": 4,
		                "text": "综合部",
		                "attributes": {
		                    "fatherId": 1
		                },
		                "state": "closed",
		                "children": [
		                    {
		                        "id": 5,
		                        "text": "司机",
		                        "attributes": {
		                        "fatherId": 4
		                         },
		                        "state": "closed"
		                    }
		                ]
		            }
        ]
      }]
              }
    },
    methods: {
      getTreeId(){},
      addTree(){
      },
      updateTree(){},
      delTree(){},
    }
  };
</script>
<style lang="scss" scoped>
 
 
// ::v-deep .el-icon-caret-right:before {
//   content: "y";
//   font-size: 16px;
// }
 
// ::v-deep .expanded:before {
//   content: "x";
//   font-size: 16px;
// }
</style>